<template>
  <div class="page flex-col">
    <div class="mod1 flex-col">
      <div class="layer1 flex-col">
        <div class="mod2 flex-col">
          <div class="bd1 flex-col">
            <div class="outer1 flex-col">
              <div class="section1 flex-col">
                <div class="main1 flex-row">
                  <img
                    class="label1"
                    referrerpolicy="no-referrer"
                    src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng12196eb170a78d58e11763a7f5af6eb18910ecd99b9608fc6df27fd4bfefabe3"
                  />
                  <span class="word1">被保人信息</span>
                </div>
              </div>
              <div class="section2 flex-col">
                <div class="box1 flex-col">
                  <div class="box2 flex-row">
                    <span class="word2">性别</span>
                    <div class="block1 flex-col"></div>
                    <div class="block2 flex-col">
                      <span class="word3">女</span>
                    </div>
                  </div>
                  <div class="box3 flex-col"></div>
                </div>
                <img
                  class="label2"
                  referrerpolicy="no-referrer"
                  src="../../assets/imgs/dds/ddsTrial/jg.png"
                />
                <span class="txt1">男</span>
              </div>
              <div class="section3 flex-col">
                <div
                  class="section4-0 flex-col"
                  v-for="(item, index) in loopData0"
                  :key="index"
                >
                  <div class="wrap1-0 flex-col">
                    <div class="bd2-0 flex-row">
                      <span class="info1-0" v-html="item.lanhutext0"></span>
                      <span class="txt2-0" v-html="item.lanhutext1"></span>
                      <img
                        class="label3-0"
                        referrerpolicy="no-referrer"
                        :src="item.lanhuimage0"
                      />
                    </div>
                    <div class="bd3-0 flex-col"></div>
                  </div>
                </div>
              </div>
              <div class="section5 flex-col">
                <div class="outer2 flex-row">
                  <span class="txt3">与投保人关系</span>
                  <div class="mod3 flex-col">
                    <img
                      class="label4"
                      referrerpolicy="no-referrer"
                      src="../../assets/imgs/dds/ddsTrial/jg.png"
                    />
                    <span class="txt5">本人</span>
                  </div>
                  <div class="mod4 flex-col">
                    <span class="word4">配偶</span>
                  </div>
                  <div class="mod5 flex-col">
                    <span class="txt4">父母</span>
                  </div>
                </div>
              </div>
              <div class="pic1">

              </div>
            </div>
          </div>
          <div class="bd4 flex-col">
            <div class="main2 flex-col">
              <div class="group1 flex-col">
                <div class="box4 flex-row">
                  <img
                    class="icon1"
                    referrerpolicy="no-referrer"
                    src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng12196eb170a78d58e11763a7f5af6eb18910ecd99b9608fc6df27fd4bfefabe3"
                  />
                  <span class="info2">推荐投保方案</span>
                </div>
              </div>
              <div class="group2 flex-col">
                <div class="main3 flex-col">
                  <div class="mod6 flex-row">
                    <span class="txt6">保额</span>
                    <div class="section6 flex-col"></div>
                    <div class="section7 flex-col">
                      <span class="info3">40万</span>
                    </div>
                  </div>
                  <div class="mod7 flex-col"></div>
                </div>
                <img
                  class="icon2"
                  referrerpolicy="no-referrer"
                  src="../../assets/imgs/dds/ddsTrial/jg.png"
                />
                <span class="txt7">30万</span>
              </div>
              <div class="group3 flex-col">
                <div class="wrap2 flex-col">
                  <div class="box5 flex-row">
                    <span class="word5">交费期间</span>
                    <div class="main4 flex-col"></div>
                    <div class="main5 flex-col">
                      <span class="info4">20年</span>
                    </div>
                    <div class="main6 flex-col">
                      <span class="word6">30年</span>
                    </div>
                  </div>
                  <div class="box6 flex-col"></div>
                </div>
                <img
                  class="label5"
                  referrerpolicy="no-referrer"
                  src="../../assets/imgs/dds/ddsTrial/jg.png"
                />
                <span class="word7">10年</span>
              </div>
              <div class="group4 flex-col">
                <div class="main7 flex-col">
                  <div class="layer2 flex-row">
                    <span class="txt8">交费方式</span>
                    <div class="outer3 flex-col"></div>
                  </div>
                  <div class="layer3 flex-col"></div>
                </div>
                <img
                  class="icon3"
                  referrerpolicy="no-referrer"
                  src="../../assets/imgs/dds/ddsTrial/jg.png"
                />
                <span class="word8">年交</span>
              </div>
              <div class="group5 flex-col">
                <div class="main8 flex-col">
                  <div class="mod8 flex-row">
                    <span class="word9">交费期间</span>
                    <div class="outer4 flex-col"></div>
                    <div class="outer5 flex-col">
                      <span class="txt9">20年</span>
                    </div>
                    <div class="outer6 flex-col">
                      <span class="word10">30年</span>
                    </div>
                  </div>
                  <div class="mod9 flex-col"></div>
                </div>
                <img
                  class="icon4"
                  referrerpolicy="no-referrer"
                  src="../../assets/imgs/dds/ddsTrial/jg.png"
                />
                <span class="word11">10年</span>
              </div>
              <div class="group6 flex-col">
                <div class="mod10 flex-col">
                  <div class="main9 flex-row">
                    <span class="word12">身故保险金</span>
                    <img
                      class="label6"
                      referrerpolicy="no-referrer"
                      src="../../assets/imgs/dds/ddsTrial/wh.png"
                    />
                    <div class="group7 flex-col">
                      <img
                        class="icon5"
                        referrerpolicy="no-referrer"
                        src="../../assets/imgs/dds/ddsTrial/jg.png"
                      />
                      <span class="info5">不投保</span>
                    </div>
                    <div class="group8 flex-col">
                      <span class="word13">投保</span>
                    </div>
                  </div>
                  <div class="main10 flex-col"></div>
                </div>
              </div>
              <div class="group9 flex-col">
                <div class="block3 flex-col">
                  <div class="bd5 flex-row">
                    <span class="txt10">恶性肿瘤医疗津贴</span>
                    <img
                      class="label7"
                      referrerpolicy="no-referrer"
                      src="../../assets/imgs/dds/ddsTrial/wh.png"
                    />
                    <div class="section8 flex-col">
                      <span class="info6">男</span>
                    </div>
                    <div class="section9 flex-col">
                      <span class="word14">女</span>
                    </div>
                  </div>
                  <div class="bd6 flex-col"></div>
                </div>
                <img
                  class="label8"
                  referrerpolicy="no-referrer"
                  src="../../assets/imgs/dds/ddsTrial/jg2.png"
                />
              </div>
            </div>
          </div>
          <div class="img1">

          </div>
          <div class="bd7 flex-col">
            <div class="box7 flex-col">
              <div class="box8 flex-col">
                <div class="box9 flex-row">
                  <img
                    class="label9"
                    referrerpolicy="no-referrer"
                    src="https://lanhu.oss-cn-beijing.aliyuncs.com/SketchPng12196eb170a78d58e11763a7f5af6eb18910ecd99b9608fc6df27fd4bfefabe3"
                  />
                  <span class="info7">附加险投保方案</span>
                </div>
              </div>
              <div class="box10 flex-col">
                <div class="layer4 flex-col">
                  <div class="main11 flex-row">
                    <img
                      class="label10"
                      referrerpolicy="no-referrer"
                      src="../../assets/imgs/dds/ddsTrial/wh.png"
                    />
                    <img
                      class="img2"
                      referrerpolicy="no-referrer"
                      src="../../assets/imgs/dds/ddsTrial/kg2.png"
                    />
                  </div>
                  <div class="main12 flex-col"></div>
                </div>
                <span class="word15">国华附加国民真爱豁免保费重大疾病保险</span>
              </div>
              <div class="box11 flex-col">
                <div class="main13 flex-col">
                  <div class="section10 flex-row">
                    <span class="info8">交费期间</span>
                    <div class="block4 flex-col"></div>
                    <div class="block5 flex-col">
                      <span class="word16">20年</span>
                    </div>
                    <div class="block6 flex-col">
                      <span class="word17">30年</span>
                    </div>
                  </div>
                  <div class="section11 flex-col"></div>
                </div>
                <img
                  class="label11"
                  referrerpolicy="no-referrer"
                  src="../../assets/imgs/dds/ddsTrial/jg.png"
                />
                <span class="word18">10年</span>
              </div>
              <div class="box12 flex-col">
                <div class="outer7 flex-col">
                  <div class="box13 flex-row">
                    <span class="txt11">交费方式</span>
                    <div class="section12 flex-col"></div>
                  </div>
                  <div class="box14 flex-col"></div>
                </div>
                <img
                  class="label12"
                  referrerpolicy="no-referrer"
                  src="../../assets/imgs/dds/ddsTrial/jg.png"
                />
                <span class="word19">年交</span>
              </div>
              <div class="box15 flex-col">
                <div class="box16 flex-col">
                  <div class="outer8 flex-row">
                    <span class="info9">交费期间</span>
                    <div class="outer9 flex-col"></div>
                    <div class="outer10 flex-col">
                      <span class="word20">20年</span>
                    </div>
                    <div class="outer11 flex-col">
                      <span class="word21">30年</span>
                    </div>
                  </div>
                  <div class="outer12 flex-col"></div>
                </div>
                <img
                  class="label13"
                  referrerpolicy="no-referrer"
                  src="../../assets/imgs/dds/ddsTrial/jg.png"
                />
                <span class="word22">10年</span>
              </div>
            </div>
          </div>
          <div class="bd8 flex-col">
            <div class="group10 flex-row">
              <span class="txt12">其他附加大疾病保险</span>
              <img
                class="icon6"
                referrerpolicy="no-referrer"
                src="../../assets/imgs/dds/ddsTrial/wh.png"
              />
              <img
                class="pic3"
                referrerpolicy="no-referrer"
                src="../../assets/imgs/dds/ddsTrial/kg.png"
              />
            </div>
          </div>
          <div class="bd09">

          </div>
          <div class="bd9 flex-col">
            <div class="group11 flex-row">
              <span class="txt13">我已阅读并确认</span>
              <span class="info10">保险条款</span>
              <div class="bd10 flex-col"></div>
              <span class="info11">保险条款</span>
              <div class="bd11 flex-col"></div>
              <span class="word23">保险条款</span>
              <div class="bd12 flex-col"></div>
              <span class="word24">保险…</span>
              <img
                class="label14"
                referrerpolicy="no-referrer"
                src="../../assets/imgs/dds/ddsTrial/jr.png"
              />
            </div>
          </div>
          <div class="bd13 flex-col">
            <div class="box17 flex-row">
              <div class="layer5 flex-col">
                <img
                  class="label15"
                  referrerpolicy="no-referrer"
                  src="../../assets/imgs/dds/ddsTrial/fx.png"
                />
                <span class="txt14">顾问</span>
              </div>
              <span class="txt15">2,300</span>
              <span class="txt16">.00</span>
              <span class="info12">元</span>
              <div class="layer6 flex-col">
                <span class="word25">立即投保</span>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="layer7 flex-col">
        <div class="mod11 flex-col">
          <div class="section13 flex-row">
            <span class="txt17">保费试算</span>
            <img
              class="icon7"
              referrerpolicy="no-referrer"
              src="../../assets/imgs/dds/ddsTrial/gb.png"
            />
          </div>
          <div class="section14 flex-col"></div>
        </div>
      </div>
    </div>
  </div>
</template>
<script>
export default {
  data() {
    return {
      loopData0: [
        {
          lanhutext0: '出生日期',
          lanhutext1: '请填写出生日期',
          lanhuimage0: require('../../assets/imgs/dds/ddsTrial/jt.png'),
        },
        {
          lanhutext0: '职业类别',
          lanhutext1: '请选择',
          lanhuimage0: require('../../assets/imgs/dds/ddsTrial/jt.png'),
        }
      ],
      constants: {}
    };
  },
  methods: {}
};
</script>
<style lang="less" scoped>
.page {
  z-index: 1;
  position: relative;
  width: 750px;
  height: 2493px;
  background-color: rgba(255, 255, 255, 1);
  overflow: hidden;
  .mod1 {
    z-index: 2;
    height: 2493px;
    background-color: rgba(0, 0, 0, 0.6);
    width: 750px;
    justify-content: flex-end;
    position: relative;
    .layer1 {
      z-index: 3;
      height: 2331px;
      width: 750px;
      justify-content: flex-end;
      .mod2 {
        z-index: auto;
        width: 750px;
        height: 2321px;
        background: #fff;
        .bd1 {
          z-index: 16;
          height: 540px;
          background: #fff;
          width: 750px;
          justify-content: flex-end;
          .outer1 {
            z-index: auto;
            width: 750px;
            height: 530px;
            .section1 {
              z-index: 81;
              height: 70px;
              width: 750px;
              justify-content: center;
              align-items: flex-start;
              padding-left: 40px;
              .main1 {
                z-index: auto;
                // width: 192px;
                height: 45px;
                // justify-content: space-between;
                align-items: center;
                .label1 {
                  z-index: 84;
                  width: 12px;
                  height: 32px;
                  // margin-top: 7px;
                }
                .word1 {
                  z-index: 83;
                  // width: 160px;
                  margin-left: 20px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(22, 38, 65, 1);
                  font-size: 32px;
                  font-family: PingFangSC-Semibold;
                  font-weight: 700;
                  line-height: 45px;
                  text-align: left;
                }
              }
            }
            .section2 {
              z-index: 48;
              height: 110px;
              width: 750px;
              justify-content: flex-end;
              align-items: flex-end;
              position: relative;
              .box1 {
                z-index: auto;
                width: 710px;
                height: 85px;
                .box2 {
                  z-index: auto;
                  width: 670px;
                  height: 60px;
                  .word2 {
                    z-index: 53;
                    width: 168px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(114, 125, 139, 1);
                    font-size: 28px;
                    line-height: 38px;
                    text-align: left;
                    margin-top: 11px;
                  }
                  .block1 {
                    z-index: 58;
                    width: 120px;
                    height: 60px;
                    border-radius: 10px;
                    border: 1px solid rgba(243, 60, 42, 1);
                    background-color: rgba(255, 255, 255, 1);
                    margin-left: 242px;
                  }
                  .block2 {
                    z-index: 55;
                    height: 60px;
                    border-radius: 6px;
                    border: 1px solid rgba(190, 194, 204, 1);
                    background-color: rgba(255, 255, 255, 1);
                    margin-left: 20px;
                    width: 120px;
                    justify-content: center;
                    .word3 {
                      z-index: 56;
                      width: 120px;
                      display: block;
                      overflow-wrap: break-word;
                      color: rgba(114, 125, 139, 1);
                      font-size: 28px;
                      line-height: 40px;
                      text-align: center;
                    }
                  }
                }
                .box3 {
                  z-index: 51;
                  width: 710px;
                  height: 1px;
                  background-color: rgba(240, 240, 240, 1);
                  margin-top: 24px;
                }
              }
              .label2 {
                z-index: 60;
                position: absolute;
                left: 540px;
                top: 25px;
                width: 30px;
                height: 30px;
              }
              .txt1 {
                z-index: 59;
                position: absolute;
                left: 450px;
                top: 34px;
                width: 120px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(238, 65, 65, 1);
                font-size: 28px;
                line-height: 42px;
                text-align: center;
              }
            }
            .section3 {
              z-index: auto;
              width: 750px;
              height: 219px;
              .section4-0 {
                z-index: 21;
                height: 110px;
                width: 750px;
                justify-content: flex-end;
                align-items: flex-end;
                .wrap1-0 {
                  z-index: auto;
                  width: 710px;
                  height: 77px;
                  .bd2-0 {
                    z-index: auto;
                    width: 670px;
                    height: 44px;
                    justify-content: space-between;
                    .info1-0 {
                      z-index: 30;
                      width: 168px;
                      display: block;
                      overflow-wrap: break-word;
                      color: rgba(114, 125, 139, 1);
                      font-size: 28px;
                      line-height: 38px;
                      text-align: left;
                      margin-top: 3px;
                    }
                    .txt2-0 {
                      z-index: 32;
                      width: 438px;
                      display: block;
                      overflow-wrap: break-word;
                      color: rgba(190, 194, 204, 1);
                      font-size: 30px;
                      line-height: 38px;
                      text-align: right;
                      margin-top: 3px;
                    }
                    .label3-0 {
                      z-index: 25;
                      width: 44px;
                      height: 44px;
                    }
                  }
                  .bd3-0 {
                    z-index: 24;
                    width: 710px;
                    height: 1px;
                    background-color: rgba(240, 240, 240, 1);
                    margin-top: 32px;
                  }
                }
              }
            }
            .section5 {
              z-index: 64;
              height: 110px;
              margin-top: 1px;
              width: 750px;
              justify-content: center;
              align-items: center;
              position: relative;
              .outer2 {
                z-index: auto;
                width: 670px;
                height: 60px;
                .txt3 {
                  z-index: 79;
                  // width: 168px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(114, 125, 139, 1);
                  font-size: 28px;
                  line-height: 38px;
                  text-align: left;
                  margin-top: 11px;
                }
                .mod3 {
                  z-index: 73;
                  width: 120px;
                  height: 60px;
                  border-radius: 10px;
                  border: 1px solid rgba(243, 60, 42, 1);
                  background-color: rgba(255, 255, 255, 1);
                  margin-left: 97px;
                  position: relative;
                  .label4 {
                    z-index: 75;
                    position: absolute;
                    right: 0;
                    top: 0;
                    width: 30px;
                    height: 30px;
                  }
                  .txt5 {
                    z-index: 74;
                    width: 120px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(238, 65, 65, 1);
                    font-size: 28px;
                    line-height: 60px;
                    text-align: center;
                  }
                }
                .mod4 {
                  z-index: 70;
                  height: 60px;
                  border-radius: 6px;
                  border: 1px solid rgba(190, 194, 204, 1);
                  background-color: rgba(255, 255, 255, 1);
                  margin-left: 25px;
                  width: 120px;
                  justify-content: center;
                  .word4 {
                    z-index: 71;
                    width: 120px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(114, 125, 139, 1);
                    font-size: 28px;
                    line-height: 40px;
                    text-align: center;
                  }
                }
                .mod5 {
                  z-index: 67;
                  height: 60px;
                  border-radius: 6px;
                  border: 1px solid rgba(190, 194, 204, 1);
                  background-color: rgba(255, 255, 255, 1);
                  margin-left: 20px;
                  width: 120px;
                  justify-content: center;
                  .txt4 {
                    z-index: 68;
                    width: 120px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(114, 125, 139, 1);
                    font-size: 28px;
                    line-height: 40px;
                    text-align: center;
                  }
                }
              }
            }
            .pic1 {
              z-index: 18;
              width: 750px;
              height: 20px;
              background: #F7F6F8;
            }
          }
        }
        .pic2 {
          z-index: 87;
          width: 750px;
          height: 20px;
          margin-top: 20px;
          background: #F7F6F8;
        }
        .bd4 {
          z-index: 89;
          height: 768px;
          background: #fff;
          width: 750px;
          .main2 {
            z-index: auto;
            width: 750px;
            height: 768px;
            .group1 {
              z-index: 203;
              height: 70px;
              width: 750px;
              margin-top: 20px;
              justify-content: center;
              align-items: flex-start;
              padding-left: 40px;
              .box4 {
                z-index: auto;
                // width: 224px;
                height: 45px;
                justify-content: space-between;
                align-items: center;
                .icon1 {
                  z-index: 205;
                  width: 12px;
                  height: 32px;
                  // margin-top: 7px;
                }
                .info2 {
                  z-index: 204;
                  // width: 192px;
                  margin-left: 20px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(22, 38, 65, 1);
                  font-size: 32px;
                  font-family: PingFangSC-Semibold;
                  font-weight: 700;
                  line-height: 45px;
                  text-align: left;
                }
              }
            }
            .group2 {
              z-index: 93;
              height: 110px;
              width: 750px;
              justify-content: flex-end;
              align-items: flex-end;
              position: relative;
              .main3 {
                z-index: auto;
                width: 710px;
                height: 85px;
                .mod6 {
                  z-index: auto;
                  width: 670px;
                  height: 60px;
                  .txt6 {
                    z-index: 98;
                    width: 168px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(114, 125, 139, 1);
                    font-size: 28px;
                    line-height: 38px;
                    text-align: left;
                    margin-top: 11px;
                  }
                  .section6 {
                    z-index: 103;
                    width: 120px;
                    height: 60px;
                    border-radius: 10px;
                    border: 1px solid rgba(243, 60, 42, 1);
                    background-color: rgba(255, 255, 255, 1);
                    margin-left: 242px;
                  }
                  .section7 {
                    z-index: 100;
                    height: 60px;
                    border-radius: 6px;
                    border: 1px solid rgba(190, 194, 204, 1);
                    background-color: rgba(255, 255, 255, 1);
                    margin-left: 20px;
                    width: 120px;
                    justify-content: center;
                    .info3 {
                      z-index: 101;
                      width: 120px;
                      display: block;
                      overflow-wrap: break-word;
                      color: rgba(114, 125, 139, 1);
                      font-size: 28px;
                      line-height: 40px;
                      text-align: center;
                    }
                  }
                }
                .mod7 {
                  z-index: 96;
                  width: 710px;
                  height: 1px;
                  background-color: rgba(240, 240, 240, 1);
                  margin-top: 24px;
                }
              }
              .icon2 {
                z-index: 105;
                position: absolute;
                left: 540px;
                top: 25px;
                width: 30px;
                height: 30px;
              }
              .txt7 {
                z-index: 104;
                position: absolute;
                left: 450px;
                top: 34px;
                width: 120px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(238, 65, 65, 1);
                font-size: 28px;
                line-height: 42px;
                text-align: center;
              }
            }
            .group3 {
              z-index: 170;
              height: 110px;
              width: 750px;
              justify-content: flex-end;
              align-items: flex-end;
              position: relative;
              .wrap2 {
                z-index: auto;
                width: 710px;
                height: 85px;
                .box5 {
                  z-index: auto;
                  width: 670px;
                  height: 60px;
                  .word5 {
                    z-index: 175;
                    width: 168px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(114, 125, 139, 1);
                    font-size: 28px;
                    line-height: 38px;
                    text-align: left;
                    margin-top: 11px;
                  }
                  .main4 {
                    z-index: 183;
                    width: 120px;
                    height: 60px;
                    border-radius: 10px;
                    border: 1px solid rgba(243, 60, 42, 1);
                    background-color: rgba(255, 255, 255, 1);
                    margin-left: 102px;
                  }
                  .main5 {
                    z-index: 180;
                    height: 60px;
                    border-radius: 6px;
                    border: 1px solid rgba(190, 194, 204, 1);
                    background-color: rgba(255, 255, 255, 1);
                    margin-left: 20px;
                    width: 120px;
                    justify-content: center;
                    .info4 {
                      z-index: 181;
                      width: 120px;
                      display: block;
                      overflow-wrap: break-word;
                      color: rgba(114, 125, 139, 1);
                      font-size: 28px;
                      line-height: 40px;
                      text-align: center;
                    }
                  }
                  .main6 {
                    z-index: 177;
                    height: 60px;
                    border-radius: 6px;
                    border: 1px solid rgba(190, 194, 204, 1);
                    background-color: rgba(255, 255, 255, 1);
                    margin-left: 20px;
                    width: 120px;
                    justify-content: center;
                    .word6 {
                      z-index: 178;
                      width: 120px;
                      display: block;
                      overflow-wrap: break-word;
                      color: rgba(114, 125, 139, 1);
                      font-size: 28px;
                      line-height: 40px;
                      text-align: center;
                    }
                  }
                }
                .box6 {
                  z-index: 173;
                  width: 710px;
                  height: 1px;
                  background-color: rgba(240, 240, 240, 1);
                  margin-top: 24px;
                }
              }
              .label5 {
                z-index: 185;
                position: absolute;
                left: 400px;
                top: 25px;
                width: 30px;
                height: 30px;
              }
              .word7 {
                z-index: 184;
                position: absolute;
                left: 310px;
                top: 34px;
                width: 120px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(238, 65, 65, 1);
                font-size: 28px;
                line-height: 42px;
                text-align: center;
              }
            }
            .group4 {
              z-index: 190;
              height: 110px;
              width: 750px;
              justify-content: flex-end;
              align-items: flex-end;
              position: relative;
              .main7 {
                z-index: auto;
                width: 710px;
                height: 85px;
                .layer2 {
                  z-index: auto;
                  width: 670px;
                  height: 60px;
                  justify-content: space-between;
                  .txt8 {
                    z-index: 195;
                    width: 168px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(114, 125, 139, 1);
                    font-size: 28px;
                    line-height: 38px;
                    text-align: left;
                    margin-top: 11px;
                  }
                  .outer3 {
                    z-index: 197;
                    width: 120px;
                    height: 60px;
                    border-radius: 10px;
                    border: 1px solid rgba(243, 60, 42, 1);
                    background-color: rgba(255, 255, 255, 1);
                  }
                }
                .layer3 {
                  z-index: 193;
                  width: 710px;
                  height: 1px;
                  background-color: rgba(240, 240, 240, 1);
                  margin-top: 24px;
                }
              }
              .icon3 {
                z-index: 199;
                position: absolute;
                left: 680px;
                top: 25px;
                width: 30px;
                height: 30px;
              }
              .word8 {
                z-index: 198;
                position: absolute;
                left: 590px;
                top: 34px;
                width: 120px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(238, 65, 65, 1);
                font-size: 28px;
                line-height: 42px;
                text-align: center;
              }
            }
            .group5 {
              z-index: 110;
              height: 110px;
              width: 750px;
              justify-content: flex-end;
              align-items: flex-end;
              position: relative;
              .main8 {
                z-index: auto;
                width: 710px;
                height: 85px;
                .mod8 {
                  z-index: auto;
                  width: 670px;
                  height: 60px;
                  .word9 {
                    z-index: 115;
                    width: 168px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(114, 125, 139, 1);
                    font-size: 28px;
                    line-height: 38px;
                    text-align: left;
                    margin-top: 11px;
                  }
                  .outer4 {
                    z-index: 123;
                    width: 120px;
                    height: 60px;
                    border-radius: 10px;
                    border: 1px solid rgba(243, 60, 42, 1);
                    background-color: rgba(255, 255, 255, 1);
                    margin-left: 102px;
                  }
                  .outer5 {
                    z-index: 120;
                    height: 60px;
                    border-radius: 6px;
                    border: 1px solid rgba(190, 194, 204, 1);
                    background-color: rgba(255, 255, 255, 1);
                    margin-left: 20px;
                    width: 120px;
                    justify-content: center;
                    .txt9 {
                      z-index: 121;
                      width: 120px;
                      display: block;
                      overflow-wrap: break-word;
                      color: rgba(114, 125, 139, 1);
                      font-size: 28px;
                      line-height: 40px;
                      text-align: center;
                    }
                  }
                  .outer6 {
                    z-index: 117;
                    height: 60px;
                    border-radius: 6px;
                    border: 1px solid rgba(190, 194, 204, 1);
                    background-color: rgba(255, 255, 255, 1);
                    margin-left: 20px;
                    width: 120px;
                    justify-content: center;
                    .word10 {
                      z-index: 118;
                      width: 120px;
                      display: block;
                      overflow-wrap: break-word;
                      color: rgba(114, 125, 139, 1);
                      font-size: 28px;
                      line-height: 40px;
                      text-align: center;
                    }
                  }
                }
                .mod9 {
                  z-index: 113;
                  width: 710px;
                  height: 1px;
                  background-color: rgba(240, 240, 240, 1);
                  margin-top: 24px;
                }
              }
              .icon4 {
                z-index: 125;
                position: absolute;
                left: 400px;
                top: 25px;
                width: 30px;
                height: 30px;
              }
              .word11 {
                z-index: 124;
                position: absolute;
                left: 310px;
                top: 34px;
                width: 120px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(238, 65, 65, 1);
                font-size: 28px;
                line-height: 42px;
                text-align: center;
              }
            }
            .group6 {
              z-index: 129;
              height: 110px;
              width: 750px;
              justify-content: flex-end;
              align-items: flex-end;
              position: relative;
              .mod10 {
                z-index: auto;
                width: 710px;
                height: 85px;
                .main9 {
                  z-index: auto;
                  width: 670px;
                  height: 60px;
                  .word12 {
                    z-index: 142;
                    // width: 140px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(114, 125, 139, 1);
                    font-size: 28px;
                    line-height: 38px;
                    text-align: left;
                    margin-top: 11px;
                  }
                  .label6 {
                    z-index: 143;
                    width: 30px;
                    height: 30px;
                    margin: 15px 0 0 10px;
                  }
                  .group7 {
                    z-index: 135;
                    width: 120px;
                    height: 60px;
                    border-radius: 10px;
                    border: 1px solid rgba(243, 60, 42, 1);
                    background-color: rgba(255, 255, 255, 1);
                    margin-left: 230px;
                    position: relative;
                    .icon5 {
                      z-index: 137;
                      position: absolute;
                      right: 0;
                      top: 0;
                      width: 30px;
                      height: 30px;
                    }
                    .info5 {
                      z-index: 137;
                      width: 120px;
                      display: block;
                      overflow-wrap: break-word;
                      color: rgba(238, 65, 65, 1);
                      font-size: 28px;
                      line-height: 60px;
                      text-align: center;
                    }
                  }
                  .group8 {
                    z-index: 132;
                    height: 60px;
                    border-radius: 6px;
                    border: 1px solid rgba(190, 194, 204, 1);
                    background-color: rgba(255, 255, 255, 1);
                    margin-left: 20px;
                    width: 120px;
                    justify-content: center;
                    .word13 {
                      z-index: 133;
                      width: 120px;
                      display: block;
                      overflow-wrap: break-word;
                      color: rgba(114, 125, 139, 1);
                      font-size: 28px;
                      line-height: 40px;
                      text-align: center;
                    }
                  }
                }
                .main10 {
                  z-index: 141;
                  width: 710px;
                  height: 1px;
                  background-color: rgba(240, 240, 240, 1);
                  margin-top: 24px;
                }
              }
              
            }
            .group9 {
              z-index: 149;
              height: 148px;
              width: 750px;
              justify-content: flex-end;
              align-items: flex-end;
              position: relative;
              .block3 {
                z-index: auto;
                width: 710px;
                height: 112px;
                .bd5 {
                  z-index: auto;
                  width: 670px;
                  height: 76px;
                  .txt10 {
                    z-index: 162;
                    width: 168px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(114, 125, 139, 1);
                    font-size: 28px;
                    line-height: 38px;
                    text-align: left;
                  }
                  .label7 {
                    z-index: 163;
                    width: 30px;
                    height: 30px;
                    margin: 23px 0 0 10px;
                  }
                  .section8 {
                    z-index: 152;
                    height: 60px;
                    border-radius: 6px;
                    background-color: rgba(247, 246, 248, 1);
                    width: 120px;
                    justify-content: center;
                    margin: 8px 0 0 202px;
                    .info6 {
                      z-index: 153;
                      width: 120px;
                      display: block;
                      overflow-wrap: break-word;
                      color: rgba(190, 194, 204, 1);
                      font-size: 28px;
                      line-height: 40px;
                      text-align: center;
                    }
                  }
                  .section9 {
                    z-index: 155;
                    height: 60px;
                    border-radius: 6px;
                    background-color: rgba(247, 246, 248, 1);
                    width: 120px;
                    justify-content: center;
                    margin: 8px 0 0 20px;
                    .word14 {
                      z-index: 156;
                      width: 120px;
                      display: block;
                      overflow-wrap: break-word;
                      color: rgba(190, 194, 204, 1);
                      font-size: 28px;
                      line-height: 40px;
                      text-align: center;
                    }
                  }
                }
                .bd6 {
                  z-index: 161;
                  width: 710px;
                  height: 1px;
                  background-color: rgba(240, 240, 240, 1);
                  margin-top: 35px;
                }
              }
              .label8 {
                z-index: 157;
                position: absolute;
                left: 680px;
                top: 44px;
                width: 30px;
                height: 30px;
              }
            }
          }
        }
        .img1 {
          z-index: 208;
          width: 750px;
          height: 20px;
          margin-top: 20px;
          background: #F7F6F8;
        }
        .bd7 {
          z-index: 210;
          height: 549px;
          width: 750px;
          .box7 {
            z-index: auto;
            width: 750px;
            height: 549px;
            .box8 {
              z-index: 293;
              height: 70px;
              width: 750px;
              margin-top: 20px;
              justify-content: center;
              align-items: flex-start;
              padding-left: 40px;
              .box9 {
                z-index: auto;
                // width: 256px;
                height: 45px;
                // justify-content: space-between;
                align-items: center;
                .label9 {
                  z-index: 295;
                  width: 12px;
                  height: 32px;
                  margin-top: 7px;
                }
                .info7 {
                  z-index: 294;
                  // width: 224px;
                  margin-left: 20px;
                  display: block;
                  overflow-wrap: break-word;
                  color: rgba(22, 38, 65, 1);
                  font-size: 32px;
                  font-family: PingFangSC-Semibold;
                  font-weight: 700;
                  line-height: 45px;
                  text-align: left;
                }
              }
            }
            .box10 {
              z-index: 233;
              height: 148px;
              width: 750px;
              justify-content: flex-end;
              align-items: flex-end;
              position: relative;
              .layer4 {
                z-index: auto;
                width: 710px;
                height: 104px;
                .main11 {
                  z-index: auto;
                  width: 550px;
                  height: 65px;
                  margin-left: 120px;
                  justify-content: space-between;
                  .label10 {
                    z-index: 241;
                    width: 30px;
                    height: 30px;
                    margin-top: 35px;
                  }
                  .img2 {
                    z-index: 237;
                    width: 100px;
                    height: 60px;
                  }
                }
                .main12 {
                  z-index: 236;
                  width: 710px;
                  height: 1px;
                  background-color: rgba(240, 240, 240, 1);
                  margin-top: 38px;
                }
              }
              .word15 {
                z-index: 240;
                position: absolute;
                left: 40px;
                top: 36px;
                width: 410px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(114, 125, 139, 1);
                font-size: 28px;
                line-height: 38px;
                text-align: left;
              }
            }
            .box11 {
              z-index: 260;
              height: 110px;
              width: 750px;
              justify-content: flex-end;
              align-items: flex-end;
              position: relative;
              .main13 {
                z-index: auto;
                width: 710px;
                height: 85px;
                .section10 {
                  z-index: auto;
                  width: 670px;
                  height: 60px;
                  .info8 {
                    z-index: 265;
                    width: 168px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(114, 125, 139, 1);
                    font-size: 28px;
                    line-height: 38px;
                    text-align: left;
                    margin-top: 11px;
                  }
                  .block4 {
                    z-index: 273;
                    width: 120px;
                    height: 60px;
                    border-radius: 10px;
                    border: 1px solid rgba(243, 60, 42, 1);
                    background-color: rgba(255, 255, 255, 1);
                    margin-left: 102px;
                  }
                  .block5 {
                    z-index: 270;
                    height: 60px;
                    border-radius: 6px;
                    border: 1px solid rgba(190, 194, 204, 1);
                    background-color: rgba(255, 255, 255, 1);
                    margin-left: 20px;
                    width: 120px;
                    justify-content: center;
                    .word16 {
                      z-index: 271;
                      width: 120px;
                      display: block;
                      overflow-wrap: break-word;
                      color: rgba(114, 125, 139, 1);
                      font-size: 28px;
                      line-height: 40px;
                      text-align: center;
                    }
                  }
                  .block6 {
                    z-index: 267;
                    height: 60px;
                    border-radius: 6px;
                    border: 1px solid rgba(190, 194, 204, 1);
                    background-color: rgba(255, 255, 255, 1);
                    margin-left: 20px;
                    width: 120px;
                    justify-content: center;
                    .word17 {
                      z-index: 268;
                      width: 120px;
                      display: block;
                      overflow-wrap: break-word;
                      color: rgba(114, 125, 139, 1);
                      font-size: 28px;
                      line-height: 40px;
                      text-align: center;
                    }
                  }
                }
                .section11 {
                  z-index: 263;
                  width: 710px;
                  height: 1px;
                  background-color: rgba(240, 240, 240, 1);
                  margin-top: 24px;
                }
              }
              .label11 {
                z-index: 275;
                position: absolute;
                left: 400px;
                top: 25px;
                width: 30px;
                height: 30px;
              }
              .word18 {
                z-index: 274;
                position: absolute;
                left: 310px;
                top: 34px;
                width: 120px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(238, 65, 65, 1);
                font-size: 28px;
                line-height: 42px;
                text-align: center;
              }
            }
            .box12 {
              z-index: 280;
              height: 110px;
              margin-top: 1px;
              width: 750px;
              justify-content: flex-end;
              align-items: flex-end;
              position: relative;
              .outer7 {
                z-index: auto;
                width: 710px;
                height: 85px;
                .box13 {
                  z-index: auto;
                  width: 670px;
                  height: 60px;
                  justify-content: space-between;
                  .txt11 {
                    z-index: 285;
                    width: 168px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(114, 125, 139, 1);
                    font-size: 28px;
                    line-height: 38px;
                    text-align: left;
                    margin-top: 11px;
                  }
                  .section12 {
                    z-index: 287;
                    width: 120px;
                    height: 60px;
                    border-radius: 10px;
                    border: 1px solid rgba(243, 60, 42, 1);
                    background-color: rgba(255, 255, 255, 1);
                  }
                }
                .box14 {
                  z-index: 283;
                  width: 710px;
                  height: 1px;
                  background-color: rgba(240, 240, 240, 1);
                  margin-top: 24px;
                }
              }
              .label12 {
                z-index: 289;
                position: absolute;
                left: 680px;
                top: 25px;
                width: 30px;
                height: 30px;
              }
              .word19 {
                z-index: 288;
                position: absolute;
                left: 590px;
                top: 34px;
                width: 120px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(238, 65, 65, 1);
                font-size: 28px;
                line-height: 42px;
                text-align: center;
              }
            }
            .box15 {
              z-index: 214;
              height: 110px;
              width: 750px;
              justify-content: flex-end;
              align-items: flex-end;
              position: relative;
              .box16 {
                z-index: auto;
                width: 710px;
                height: 85px;
                .outer8 {
                  z-index: auto;
                  width: 670px;
                  height: 60px;
                  .info9 {
                    z-index: 219;
                    width: 168px;
                    display: block;
                    overflow-wrap: break-word;
                    color: rgba(114, 125, 139, 1);
                    font-size: 28px;
                    line-height: 38px;
                    text-align: left;
                    margin-top: 11px;
                  }
                  .outer9 {
                    z-index: 227;
                    width: 120px;
                    height: 60px;
                    border-radius: 10px;
                    border: 1px solid rgba(243, 60, 42, 1);
                    background-color: rgba(255, 255, 255, 1);
                    margin-left: 102px;
                  }
                  .outer10 {
                    z-index: 224;
                    height: 60px;
                    border-radius: 6px;
                    background-color: rgba(247, 246, 248, 1);
                    margin-left: 20px;
                    width: 120px;
                    justify-content: center;
                    .word20 {
                      z-index: 225;
                      width: 120px;
                      display: block;
                      overflow-wrap: break-word;
                      color: rgba(190, 194, 204, 1);
                      font-size: 30px;
                      line-height: 42px;
                      text-align: center;
                    }
                  }
                  .outer11 {
                    z-index: 221;
                    height: 60px;
                    border-radius: 6px;
                    background-color: rgba(247, 246, 248, 1);
                    margin-left: 20px;
                    width: 120px;
                    justify-content: center;
                    .word21 {
                      z-index: 222;
                      width: 120px;
                      display: block;
                      overflow-wrap: break-word;
                      color: rgba(190, 194, 204, 1);
                      font-size: 30px;
                      line-height: 42px;
                      text-align: center;
                    }
                  }
                }
                .outer12 {
                  z-index: 217;
                  width: 710px;
                  height: 1px;
                  background-color: rgba(240, 240, 240, 1);
                  margin-top: 24px;
                }
              }
              .label13 {
                z-index: 229;
                position: absolute;
                left: 400px;
                top: 25px;
                width: 30px;
                height: 30px;
              }
              .word22 {
                z-index: 228;
                position: absolute;
                left: 310px;
                top: 34px;
                width: 120px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(238, 65, 65, 1);
                font-size: 28px;
                line-height: 42px;
                text-align: center;
              }
            }
          }
        }
        .bd8 {
          z-index: 247;
          height: 110px;
          width: 750px;
          justify-content: center;
          align-items: center;
          .group10 {
            z-index: auto;
            width: 670px;
            height: 60px;
            .txt12 {
              z-index: 252;
              // width: 252px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(114, 125, 139, 1);
              font-size: 28px;
              line-height: 38px;
              text-align: left;
              margin-top: 11px;
            }
            .icon6 {
              z-index: 253;
              width: 30px;
              height: 30px;
              margin: 15px 0 0 10px;
            }
            .pic3 {
              z-index: 249;
              width: 100px;
              height: 60px;
              margin-left: 278px;
            }
          }
        }
        .bd09{
          width: 100%;
          height: 60px;
          background: #F7F6F8;
        }
        .bd9 {
          z-index: 318;
          height: 76px;
          // margin-top: 60px;
          width: 750px;
          justify-content: center;
          align-items: center;
          .group11 {
            z-index: auto;
            width: 670px;
            height: 44px;
            justify-content: space-between;
            .txt13 {
              z-index: 324;
              // width: 168px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(22, 38, 65, 1);
              font-size: 24px;
              line-height: 38px;
              text-align: left;
              margin-top: 3px;
            }
            .info10 {
              z-index: 325;
              // width: 96px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(238, 65, 65, 1);
              font-size: 24px;
              line-height: 38px;
              text-align: left;
              margin-top: 3px;
            }
            .bd10 {
              z-index: 321;
              width: 1px;
              height: 20px;
              background: #BEC2CC;
              margin-top: 12px;
            }
            .info11 {
              z-index: 326;
              // width: 96px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(238, 65, 65, 1);
              font-size: 24px;
              line-height: 38px;
              text-align: left;
              margin-top: 3px;
            }
            .bd11 {
              z-index: 322;
              width: 1px;
              height: 20px;
              background: #BEC2CC;
              margin-top: 12px;
            }
            .word23 {
              z-index: 327;
              // width: 96px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(238, 65, 65, 1);
              font-size: 24px;
              line-height: 38px;
              text-align: left;
              margin-top: 3px;
            }
            .bd12 {
              z-index: 323;
              width: 1px;
              height: 20px;
              background: #BEC2CC;
              margin-top: 12px;
            }
            .word24 {
              z-index: 328;
              // width: 87px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(238, 65, 65, 1);
              font-size: 24px;
              line-height: 38px;
              text-align: left;
              margin-top: 3px;
            }
            .label14 {
              z-index: 329;
              width: 44px;
              height: 44px;
            }
          }
        }
        .bd13 {
          z-index: 299;
          height: 138px;
          width: 750px;
          justify-content: center;
          align-items: center;
          .box17 {
            z-index: auto;
            width: 670px;
            height: 88px;
            .layer5 {
              z-index: auto;
              // width: 44px;
              height: 71px;
              margin-top: 10px;
              .label15 {
                z-index: 303;
                width: 33px;
                height: 38px;
                align-self: center;
              }
              .txt14 {
                z-index: 302;
                // width: 44px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(22, 38, 65, 1);
                font-size: 22px;
                line-height: 30px;
                text-align: center;
                margin-top: 3px;
              }
            }
            .txt15 {
              z-index: 315;
              width: 170px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(243, 60, 42, 1);
              font-size: 38px;
              font-family: PingFangSC-Semibold;
              font-weight: 700;
              line-height: 53px;
              text-align: right;
              margin: 18px 0 0 25px;
            }
            .txt16 {
              z-index: 316;
              // width: 48px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(243, 60, 42, 1);
              font-size: 32px;
              font-family: PingFangSC-Semibold;
              line-height: 45px;
              text-align: right;
              margin-top: 24px;
            }
            .info12 {
              z-index: 314;
              // width: 28px;
              display: block;
              overflow-wrap: break-word;
              color: rgba(243, 60, 42, 1);
              font-size: 28px;
              font-family: PingFangSC-Semibold;
              line-height: 40px;
              text-align: right;
              margin: 26px 0 0 5px;
            }
            .layer6 {
              z-index: 311;
              height: 88px;
              border-radius: 10px;
              background-color: rgba(238, 65, 65, 1);
              margin-left: 50px;
              width: 300px;
              justify-content: center;
              .word25 {
                z-index: 312;
                width: 300px;
                display: block;
                overflow-wrap: break-word;
                color: rgba(255, 255, 255, 1);
                font-size: 32px;
                font-family: PingFangSC-Semibold;
                font-weight: 700;
                line-height: 44px;
                text-align: center;
              }
            }
          }
        }
      }
    }
    .layer7 {
      z-index: 6;
      height: 100px;
      background: #fff;
      border-radius: 20px 20px 0px 0px;
      width: 750px;
      justify-content: flex-end;
      position: absolute;
      left: 0;
      top: 72px;
      .mod11 {
        z-index: auto;
        width: 750px;
        height: 77px;
        .section13 {
          z-index: auto;
          width: 606px;
          height: 54px;
          margin-left: 104px;
          justify-content: space-between;
          .txt17 {
            z-index: 14;
            width: 542px;
            display: block;
            overflow-wrap: break-word;
            color: rgba(22, 38, 65, 1);
            font-size: 36px;
            font-family: PingFangSC-Medium;
            font-weight: 700;
            line-height: 54px;
            text-align: center;
          }
          .icon7 {
            z-index: 8;
            width: 44px;
            height: 44px;
            margin-top: 5px;
          }
        }
        .section14 {
          z-index: 13;
          width: 750px;
          height: 1px;
          background-color: rgba(240, 240, 240, 1);
          margin-top: 22px;
        }
      }
    }
  }
}

</style>
